<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Games Alot - Login </title>
    
    <!-- Stylesheets -->
    <link rel="stylesheet" href="{{ URL::asset('css/bootstrap.min.css') }}" />
    <link rel="stylesheet" href="{{ URL::asset('css/login.css') }}" />

    <!-- Optimize for mobile devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>  
</head>
<body>    
    <!-- HEADER -->
    <div id="header">
        
        <div class="page-full-width cf">
    
            <div id="login-intro" class="fl">
            
                <h1>Login to Online Store</h1>
                <h5>Enter your credentials below</h5>
            
            </div> <!-- login-intro -->   
        </div> <!-- end full-width -->  

    </div> <!-- end header -->
    
    
    
    <!-- MAIN CONTENT -->
    <div id="content">
    
        @if(Session::has('errors'))
            <div class="alert alert-error span3">
                <p> Your Username and Password was incorrect </p>
            </div>
        @endif
        <form action="login" method="POST" id="login-form">      
            <fieldset>
                <p>
                    <label for="login-username">Username</label>
                    <input type="text" name="username" class="round full-width-input" autofocus />
                </p>

                <p>
                    <label for="login-password">password</label>
                    <input type="password" name="password" class="round full-width-input" />
                </p>                            
                <input type="submit" class="btn btn-info" value="Login" style="text-align: center"/>
            </fieldset>
            <br/>
        </form>
        
    </div> <!-- end content -->
    
    
    
    <!-- FOOTER -->
    <div id="footer">
        <small style="font-size: 12px"> <a href="register"> Not a member? Sign-up now </a> </small> <br /> <br /> 
        <p>&copy; Copyright 2013-2014 <a href="#">Games Alot</a>. All rights reserved.</p>
        <p><strong>Created By</strong> A. Alexander, A. McGivern, K. Du Toit </p>
    </div> <!-- end footer -->

</body>
</html>